﻿@model PortalWeb.Flight.Web.Models.QueryAvIndexModel

@{
    Layout = null;
}
<style type="text/css">
    div.bhoechie-tab-menu{
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }
    div.bhoechie-tab-menu div.list-group{
        margin-bottom: 0;
    }
    div.bhoechie-tab-menu div.list-group>a{
        margin-bottom: 0;
    }
    div.bhoechie-tab-menu div.list-group>a .glyphicon,
    div.bhoechie-tab-menu div.list-group>a .fa {
        color: #5A55A3;
    }
    div.bhoechie-tab-menu div.list-group>a:first-child{
        border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
    }
    div.bhoechie-tab-menu div.list-group>a:last-child{
        border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
    }
    div.bhoechie-tab-menu div.list-group>a.active,
    div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
    div.bhoechie-tab-menu div.list-group>a.active .fa{
        background-color: #5A55A3;
        background-image: #5A55A3;
        color: #ffffff;
    }
    div.bhoechie-tab-menu div.list-group>a.active:after{
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -13px;
        border-left: 0;
        border-bottom: 13px solid transparent;
        border-top: 13px solid transparent;
        border-left: 10px solid #5A55A3;
    }

    div.bhoechie-tab-content{
        background-color: #ffffff;
        /* border: 1px solid #eeeeee; */
    }

    div.bhoechie-tab div.bhoechie-tab-content:not(.active){
        display: none;
    }
</style>
<div class=" row panel panel-primary">
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 bhoechie-tab-menu">
        <div class="list-group">
            <a href="#" class="list-group-item text-center active">
                <h4 class="glyphicon glyphicon-plane"></h4><br>机票
            </a>
            <a href="#" class="list-group-item text-center">
                <h4 class="glyphicon glyphicon-road"></h4><br>火车
            </a>
            <a href="#" class="list-group-item text-center">
                <h4 class="glyphicon glyphicon-home"></h4><br>酒店
            </a>
            <a href="#" class="list-group-item text-center">
                <h4 class="glyphicon glyphicon-cutlery"></h4><br>餐饮
            </a>
         
        </div>
    </div>
    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 bhoechie-tab">
        <!-- flight section -->
        <div class="bhoechie-tab-content active">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#panel-655626" data-toggle="tab">国内机票</a>
                </li>
                <li>
                    <a href="#panel-237452" data-toggle="tab">国际机票</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="panel-655626">
                    @using (Html.BeginForm("List", "QueryAv", new { ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-signin", role = "form" }))
                {
                    <div class="form-group">
                        @Html.LabelFor(m => m.RouteType)
                        @Html.RadioButtonFor(m => m.RouteType, "Ow", new { @id = "radio1", @name = "group" })
                        @Html.Label("单程")
                        @Html.RadioButtonFor(m => m.RouteType, "Rt", new { @id = "radio2", @name = "group" })
                        @Html.Label("往返")
                    </div>

                    <div class="form-group">
                        <div class="col-xs-4 ">
                            @Html.TextBoxFor(m => m.OrgCity, new { @class = "form-control", @placeholder = "出发城市" })
                        </div>
                        <div class="col-xs-8 input-append date">
                            @Html.TextBoxFor(m => m.AirOrgTime, new { @size = "16", @class = "form-control", @placeholder = "出发日期" })
                            <span class="add-on"></span>
                        </div>
                    </div>


                    <div class="form-group">
                        <div class="col-xs-4">
                            @Html.TextBoxFor(m => m.DstCity, new { @class = "form-control", @placeholder = "到达城市" })
                        </div>
                        <div class="col-xs-8 input-append date">
                            @Html.TextBoxFor(m => m.AirDstTime, new { @size = "16", @class = "form-control", @placeholder = "返程日期" })
                            <span class="add-on"></span>
                        </div>
                    </div>
                    <button class="btn btn-primary pull-right" type="submit">
                        查询
                    </button>
                }

                </div>
                <div class="tab-pane" id="panel-237452">

                </div>
            </div>
        </div>

        <!-- train section -->
        <div class="bhoechie-tab-content" style="padding-top: 10px;padding-left: 20px">
                <h1 class="glyphicon glyphicon-road" style="font-size:12em;color:#55518a"></h1>
                <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2>
                <h3 style="margin-top: 0;color:#55518a">Train Reservation</h3>
        </div>

        <!-- hotel search -->
        <div class="bhoechie-tab-content" style="padding-top: 10px;padding-left: 20px">
            <h1 class="glyphicon glyphicon-home" style="font-size:12em;color:#55518a"></h1>
            <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2>
            <h3 style="margin-top: 0;color:#55518a">Hotel Directory</h3>
        </div>
        <div class="bhoechie-tab-content" style="padding-top: 10px;padding-left: 20px">
            <h1 class="glyphicon glyphicon-cutlery" style="font-size:12em;color:#55518a"></h1>
            <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2>
            <h3 style="margin-top: 0;color:#55518a">Restaurant Diirectory</h3>
        </div>
    </div>
</div>